<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>
    <script type="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <style>
        body{
            background-image: url("${pageContext.request.contextPath}/img/743777.jpg");
            background-size: 100% 100%;
            background-attachment: fixed;
            background-repeat: no-repeat;
        }
        .enroll-form{
            padding: 20px;
            display: flex;
            flex-direction: column;
            width: 310px;
            margin: 160px auto;
            border: 1px solid white;
        }
        .subset{
            margin: 10px auto;
        }
        .subset input{
            width: 70px;
            height: 35px;
        }
        .enroll-form input[type="text"],input[type="password"]{
            height: 32px;
            font-size: 18px;
            font-weight: lighter;
        }
        .enroll-form .register-info,.forget-info{
            font-size: 12px;
        }
    </style>
</head>
<body>
<div class="main-panel container">
    <form action="${pageContext.request.contextPath}/loginAction" method="post" class="enroll-form">
        <label for="username">用户名/昵称</label>
        <input type="text" name="username" id="username">
        <label for="password">密码</label>
        <input type="password" name="password" id="password"/>
        <div class="subset">
            <input type="submit" value="登录">
            <input type="reset" value="清除">
        </div>
        <div class="register-info">
            <label>我还没有账号|</label>
            <a href="${pageContext.request.contextPath}/regist">注册</a>
        </div>
        <div class="forget-info">
            <label>我忘记了我的密码|</label>
            <a href="${pageContext.request.contextPath}/resetPassword">找回密码</a>
        </div>
    </form>
</div>

</body>
</html>